<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>red</title>
<script src="http://www.google.com/jsapi?key=ABQIAAAA1XbMiDxx_BTCY2_FkPh06RRaGTYH6UMl8mADNa0YKuWNNa8VNxQEerTAUcfkyrr6OwBovxn7TDAH5Q"></script>

<script>
google.load("jquery", "1");



// get data from gae
var repJson=[{'ori':'123','rep':'456','prefixes':'','suffixes':''},
				{'ori':'abc','rep':'abc','prefixes':'d','suffixes':'e'}];

function OnLoad(){
/*get repJSON data first ex:
	$.getScript('http://wolkejqueryplugin.appspot.com/WL_autoUpdateWord.json?id=xxx',function(){}
	if someone need user_pw confirm , think it later(maybe use post way )
	
*/
	//$.getScript('http://wolkejqueryplugin.appspot.com/WL_autoUpdateWord.js',function()
	$.getScript('WL_autoUpdateWord.js',function()
		{$('.content').WL_autoUpdateWords(repJson);}
	)	
}
    
google.setOnLoadCallback(OnLoad);
</script>
</head>


<body>
<textarea class="content" rows=10 cols=50  wrap="physical" ></textarea><br />

<input id="createCode" type="button" value="Create Code" />
<div id="createCode" style="display:none">
<span>if you already set in your blog,you don`t have to set it again</span>
<textarea id="createCode"></textarea>
</div>
<input type="button" value="New Data" />

<!-- get data from gae-->
<div class="input_data">
	<span class='ori'>ori</span><input type="text" class='ori' />
   	<span class='rep'>rep</span><input type="text" class='rep' />
   	<span class='prefixes'>prefixes</span><input type="text" class='prefixes' />
   	<span class='suffixes'>suffixes</span><input type="text" class='suffixes' />
</div>

</body>
</html>
